<!DOCTYPE html>
<html lang="ZH">
<head>
    <meta charset="UTF-8">
    <title>后台首页</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
	<script src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.js"></script>
	<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet">
	<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.js"></script>
	<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap-theme.css" rel="stylesheet">
  	<style>
      .ymtj:hover{
      	cursor:pointer;
      }
  	</style>
</head>
<body>
<div class="col-md-12" style="background-image: url('__PUBLIC__/img/logo.jpg');height: 120px;margin-bottom: 10px;">
	<div class="col-md-12 text-left">
		<h1><a href="{:U('index/index')}" style="text-decoration: none;color: white;">后台操作界面</a></h1>
	</div>
</div>
<div class="col-md-12 text-right" style="margin-bottom: 10px">
	<h7>当前登录用户&nbsp;&nbsp;<span><b>{$Think.session.user}</b></span>&nbsp;&nbsp;&nbsp;&nbsp;<a href="{:U('index/logout')}">登出</a></h7>
</div>
<div class="col-md-12 row">
    <div class="col-md-2 text-center">
        <ul class="nav nav-pills nav-stacked">
            <li role="presentation" class="active">
				<a type="button" href="{:U('index/index')}" name="menu-btn" id="index" class="btn" style="width: 100%;">首&nbsp;&nbsp;页</a>
			</li>
          <li role="presentation" class="active">
				<a type="button" href="{:U('order/index')}" name="menu-btn" id="order-menu" class="btn" style="width: 100%;">预约处理</a>
			</li>
            <li role="presentation" class="active">
				<a type="button" href="{:U('good/index')}" name="menu-btn" id="good-menu" class="btn" style="width: 100%;">套餐管理</a>
			</li>
            <li role="presentation" class="active">
				<a type="button" href="{:U('user/index')}" name="menu-btn" id="account-menu" class="btn" style="width: 100%;">用户管理</a>
			</li>
            <li role="presentation" class="active">
				<a type="button" href="{:U('HomePage/index')}" name="menu-btn" id="banner-menu" class="btn" style="width: 100%;">首页设置</a>
			</li>
        </ul>
    </div>
    <div class="col-md-10">
		<div class="col-md-8 menu-page" id="home-page" style="border: 1px solid red;height: 200px;">
			<div class="col-md-12" style="margin-top: 25px;">
				<div class="col-md-4 text-center ymtj" onclick="jumpUndo()">
					<p>
						<embed src="__PUBLIC__/img/u9.svg" type="image/svg+xml" width="50px" height="50px" pluginspage="http://www.adobe.com/svg/viewer/install/">
					</p>
					<h4 style="color: red;">待处理预约</h4>
					<h4>{$order['undo']?$order['undo']:0}</h4>
				</div>
				<div class="col-md-4 text-center ymtj" onclick="jumpDone()">
					<p>
						<embed src="__PUBLIC__/img/u9.svg" type="image/svg+xml" width="50px" height="50px" pluginspage="http://www.adobe.com/svg/viewer/install/">
					</p>
					<h4>已处理预约</h4>
					<h4>{$order['done']?$order['done']:0}</h4>
				</div>
				<div class="col-md-4 text-center ymtj" onclick="jump()">
					<p>
						<embed src="__PUBLIC__/img/u9.svg" type="image/svg+xml" width="50px" height="50px" pluginspage="http://www.adobe.com/svg/viewer/install/">
					</p>
					<h4>所有预约</h4>
					<h4>{$order['all']?$order['all']:0}</h4>
				</div>
			</div>
		</div>
    </div>
</div>
  <script>
  	function jump(){
      location.href="{:U('order/index')}";
    }
    function jumpUndo(){
        location.href="{:U('order/undoPage')}";
    }
    function jumpDone(){
        location.href="{:U('order/donePage')}";
    }
  </script>
</body>
</html>